<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title>videoPlayer demo1</title>
    <link rel="stylesheet" href="../src/css/videoplayer.css">
    <script type="text/javascript"
            src="http://www.21boya.cn/dianping/www/js/2013/lib/jquery-1.7.min.js?v=201407181929"></script>
</head>
<body>
<div class="mod-yivideo-warp" id="mod_player"></div>

<div class="mod-yivideo-warp" id="mod_player2"></div>
<script type="text/javascript" src="../build/videoplayer.min.js"></script>
<script type="text/javascript">
    var videoplayer = videoPlayer('mod_player', {
        continuousPlay: true,
        canfast: true,
        // virtualFullScreen:false,
        setSource: function (canplayType) {

            if (canplayType == 'mp4') {
                return 'http://119.188.75.174/fcs121.56.com/flvdownload/18/0/sc_138509195867hd.flv.mp4?t=i9vad6UFK85cigYUUlJ8uQ&r=41641&e=1408764377&v=1&s=1&tt=60&sz=2323255&vid=101149280'
            }
        },
        nextSource: function (canplayType) {

        },
        success: function (video, node, videoObj) {
            // videoObj.fullScreen();
            videoObj.timeupdate(function (currentTime) {
                console.log(currentTime)
            });
        }

    });


    var videoplayer2 = videoPlayer('mod_player2', {
        autoPlay: false,
        muted: true,
        setSource: function (canplayType) {

            if (canplayType == 'mp4') {
                return 'http://mediaelementjs.com/media/echo-hereweare.mp4'
            }
        },
        success: function (videoElement, node, videoObj) {
            videoElement.addEventListener('timeupdate', function () {

            }, false);

            videoObj.timeupdate(function (currentTime) {
                // console.log(currentTime)
            });

        },
        //fires when a problem is detected
        error: function () {

        }

    });

</script>
</body>
</html>